<template>
	     <view>
		
			<image class="demo1" src="../../static/demo1.png"></image>
		
		<view class="demo2">
			<form>
				<view class="demo3">
					<input type="text" placeholder="用户名:">
				</view>
				<view class="demo4">
				<input type="password"placeholder="密码:"></label>
				</view>	
				</form>
		<view class="demo5">
			<navigator url="">
				<button type="default">登录</button>
			</navigator>
		</view>
			
		<view class="demo6">
			<navigator url="../index/index" open-type="switchTab">
			<button type="default">游客访问 </button>
			</navigator>
		</view>
		</view>
	</view>
</template>

<script>
</script>
   
<style>
	.demo1{
		display:block;
         margin: 0 auto;
		 margin-top: 20rpx;
			  width:300rpx;
			  height:220rpx;
	}
	.demo3,.demo4{
		display: block;
		border: 2rpx solid black;
		margin: 0 auto;
		margin-top: 50rpx ;
		width: 400rpx;
	
	}
	.demo5{
		margin-top:50rpx ;
	}
	button{
		width:375rpx;
		margin-top: 50rpx;
	}
</style>
